import { createApp } from 'vue';

import { registerAccessDirective } from '@vben/access';
import { initStores } from '@vben/stores';
import '@vben/styles';
import '@vben/styles/ele';

import { setupI18n } from '#/locales';

import { initComponentAdapter } from './adapter/component';
import App from './app.vue';
import { router } from './router';
import microApp from '@micro-zoe/micro-app'
import { VxeTableConpoment} from '@vben/plugins/vxe-table';
async function bootstrap(namespace: string) {
  microApp.start({
    // 'router-mode': 'native-scope', // 所有子应用都设置为native-scope模式
    // plugins: {
    //   modules: {
    //     "app1": [ // /basename/
    //       {
    //         loader(code) {
    //           if (process.env.NODE_ENV === "development") {
    //             // 这里 /basename/ 需要和子应用vite.config.js中base的配置保持一致
    //             code = code.replace(
    //               /(from|import)(\s*['"])(\/child\/app1\/)/g,
    //               (all) => {
    //                 return all.replace(
    //                   "/child/app1/",
    //                   "http://localhost:4007/child/app1/"
    //                 );
    //               }
    //             );
    //           }
    //           return code;
    //         },
    //       },
    //     ],
    //   },
    // },
  });
  // 初始化组件适配器
  await initComponentAdapter();
  const app = createApp(App);

  // 国际化 i18n 配置
  await setupI18n(app);

  // 配置 pinia-tore
  await initStores(app, { namespace });

  // 安装权限指令
  registerAccessDirective(app);

  // 配置路由及路由守卫
  app.use(router);
  app.use(VxeTableConpoment);

  app.mount('#app');
}

export { bootstrap };
